<template>
	<div class="wrapper">
		<div class="result">
			支付成功
		</div>
	</div>
</template>

<script>
	export default{
		name: 'PaymentResult',
		mounted() {
    // 组件挂载时设置定时器，3秒后跳转到首页
    this.timer = setTimeout(() => {
      this.$router.push('/');
    }, 3000); // 3000毫秒（3秒）
  },
  beforeDestroy() {
    // 在组件销毁时清除定时器，防止内存泄漏
    clearTimeout(this.timer);
  }
}
</script>

<style scoped>
	.wrapper {
		width: 100%;
		height: 100%;
		display: flex;
  		justify-content: center; /* 水平居中 */
 	 	align-items: center; /* 垂直居中 */
  		height: 100vh; /* 父元素高度占满整个屏幕 */
	}
	
	.wrapper .result{
		font-size: 7vw;
		color: aquamarine;
	}
	html, body, #app {
  height: 100%;
  margin: 0;
}
</style>